@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {font-family:"微软雅黑",arial;  font-size:16px; background:#fff; color:#333;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i,{ font-style:normal; font-weight:normal;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#333;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;}
button:hover{color:#0f75bc;}
/*去除Chrome等浏览器文本框默认发光边框*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}
/*禁止拖动大小*/
textarea{resize:none}
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}

 /*使用字体库时，让i标签继承行高*/
i{line-height: inherit!important ; font-size:inherit }

/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{
/*-webkit-user-modify:read-write-plaintext-only; */
}

/*通用样式*/
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.ind_content{ display:block; width:100%; height:auto; padding:3rem 0;}
.width_1200{ width:96%; height:auto; max-width:1200px; margin:0 auto;}

/* 头部logo 样式*/
.header_ln{ width:100%; height:7.5rem;}
.header_ln .max_width_1200{ width:100%;}
.header_logo{ width:100%; height:7.5rem; display:table;}
.header_logo_img{ width:30%; height:100%; display:table-cell; vertical-align:middle; }
.header_logo_img img{ display:block; width:auto; height:auto; max-height:70%;}
.header_switch{ display:table; height:100%;float:right;}
.header_switch>div{ height:100%; display:table-cell; vertical-align:middle; }
.header_switch>div>span{ display:block; margin:1rem 0;}
.header_switch>div>span img{ vertical-align:middle; margin-right:.5rem; margin-top:-3px;}
/* 头部logo 样式 end*/

/*导航样式可变样式*/
.btn1{display: none; transition: all 0.4s;}
.btn2{display: none;}
.nav1{ width:100%; font-size:1rem; text-align: center; float:left; background:#90b806; }
.nav_list{width: 100%; max-width:1200px; margin:0 auto; line-height:3.75rem;}
.nav_list>li{ width:11.11%; margin:0; float: left;overflow: hidden;position: relative;z-index: 999;text-align: center;}
.nav_list>li>a{ display:block; width:100%; color: #fff;position: relative; transition: all 0.4s; color:#fff; font-size:18px;}
.nav_list>li>a>span{ transition: all 0.2s;}
.nav2 { width:auto; min-width:100%; height:auto; font-size:.875rem; text-align:center; background: #fff; box-shadow:0 0 2px #ccc; position: absolute; z-index:999999; opacity: 0;transition: all 0.4s;}
.nav2>li{ width:100%;  height:2.5rem; line-height:2.5rem; border-bottom:1px solid #eee;}
.nav2>li:last-child{ border-bottom:0;}
.nav2>li>a{ width:100%; height:2.5rem; line-height: 2.5rem; display: block; color: #333; text-align:center; text-overflow:ellipsis; white-space:nowrap; transition: all 0.4s;}
/*导航样式可变样式  end*/

/*导航选中*/
.nav_list li.nav_sele>a{ background:#c00 url(../images/nav_hoverbg.jpg) no-repeat; background-size:cover;}

/*导航划过*/
.nav_list>li:hover{overflow:visible; }
.nav_list>li:hover>a{ background:#c00 url(../images/nav_hoverbg.jpg) no-repeat; background-size:cover;}
.nav_list>li:hover .nav2{opacity: 1;z-index: 9999;}
.nav2>li:hover a{color:#c00;}

@media only screen and (max-width: 767px) {
    html,body{ font-size:90%;}
    /*头部*/
    .header_ln{ height:auto; position:relative;}
    .header_logo{ width:70%; height:4.5rem; margin:0;margin-left: 2%; padding-top: 2rem;}
    .header_logo_l{width: 1000%; height:2rem;  padding:1.25rem 0; margin:0; position:inherit;}
    .header_logo_l img{ display:block; width:auto;height:2rem;}
    .header_logo_r{ display:none;}
	.header_switch{position: absolute; top: 0; right: 2%; display: inherit; line-height: 2rem;}
	.header_switch>div>span{ display:inherit;}
	.header_switch>div>span a{padding-left: 1.5rem;}
	/*头部 end*/
	
	/*导航*/
    .nav1{width: 100%; display: none; background:#c00;clear: both;position: absolute;  left:0; z-index: 111;}
	.nav_list{ height:auto; line-height:3rem;}
    .nav_list li{ width:100%; position:relative; text-align:left;}
    .nav_list a{text-indent: 1em;display: block;}
    .nav_list>li>a{line-height: 3rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,0.7); color:#fff;}
    .btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
    .btn1{width: 3.5rem; font-size: 2rem;height: 3.5rem; position:absolute; color:#333; margin-top:2rem;}
    .btn2{ width:3rem; height: 3rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9; overflow:hidden;}
    .btn2 i{font-size: 1.3em;color:#fff;}
    .nav2 { display: none;transition:none; position:static; background:#c00;}
    .nav2>li>a{width: 92%;margin:0 auto; color: #fff;font-size: 0.875rem;line-height: 2.5rem; text-indent: 0; text-align:left;}
    /*导航可变样式*/
    .nav2>li{ width:90%; margin:0 auto;border-bottom: 1px solid rgba(255,255,255,.4);}
	.nav_list li.nav_sele>a{ background:none;background: #c00;}
	.nav_list li.nav_sele>a>span{ border:0;}
	.nav_list>li:hover>a>span{ color:#fff; border-bottom:0;}
	.nav_list>li:hover>a{background: #c00;}
	
	
	
	}